<style>
.spnhodlich {position:relative;float:left;margin-left:15px;margin-bottom:15px;}
.spnhodlich .imgs img{height:auto;width:100%}
.spnhodlich .nd-spedulich h2{color:#333;margin:0px;padding:0px;font-size:14px;font-weight:normal;padding-top:3px}
.spnhodlich .nd-spedulich span {color:#6ED5FF;font-size:16px;font-weight:bold}
.hover-duoi{background:none;width:100%;position:absolute;top:0px;
opacity:0;filter: alpha(opacity = 0);
transition:background 1s, opacity 1s;
-moz-transition:background 1s, opacity 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:background 1s, opacity 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:background 1s, opacity 1s, -o-transform 1s; /* Opera */}
.spnhodlich:hover .hover-duoi{background:black;position:absolute;top:0px;
opacity:0.8;filter: alpha(opacity = 80);}
.spnhodlich .nd-spedulich{z-index:5;background:black;color:#fff;padding:5px 5px 0px 5px}
.spnhodlich .nd-spedulich h2{z-index:10;color:#FFF}
.spnhodlich .nd-spedulich span{z-index:10;font-size:20px}


.spnhodlich:hover .hover-duoi1{background:url(bg-mat.png) no-repeat;height:100px;width:200px;z-index:10;position:absolute;top:125px;left:10px}
.spnhodlich:hover .hover-duoi3{background:url(mat1.png) no-repeat;width:40px;height:20px;margin:5px 10px 0px 20px;padding:0px;}
.spnhodlich:hover .hover-duoi4{background:url(muitent.png) no-repeat;width:40px;height:20px;margin:0;padding:0px;margin:5px 10px 0px 15px;} 
.hover-duoi1 p{float:left;}
.spnhodlich:hover .hover-duoi3:hover {background:url(matden.png) no-repeat;}
.spnhodlich:hover .hover-duoi4:hover{ background:url(tenden.png) no-repeat;}
.list-sp1{width:100%}
.nd-spls .tomtatdl1{max-height:160px;}
.tgian1{width:140px;height:25px;background:#FFF;color:#000;text-align:center;position:absolute;bottom:56px;right:0px}
.nd-spls .tomtatdl1 p{color:#CCC;font-size:14px;margin:0px;margin-top:0px;padding-left:15px}
.nd-spls .tomtatdl1 .tdng{padding:0px;padding-left:5px}
.list-sp1 .nd-spls {display:none}
.spnhodlich:hover .nd-spls{display:block}
.list-sp1 .anh-ghrs{right:5px;bottom:10px}
.list-sp1 .anh-ghrss{right:5px;bottom:10px}

</style>

     <div class="list-sp">
     
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                 <div class="tgian1" >t325u298</div>  
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
                                    <div class="anh-ghrs">  </div>
                                
                                    <div class="anh-ghrss"> </div>        
         
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
                 
               </div>
              
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
               </div> 
             
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
                                    <div class="anh-ghrs">  </div>
                                
                                    <div class="anh-ghrss"> </div>        
         
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div> 
             
              <div class="spnhodlich">
                 <div class="imgs">
                   <img src="../imagesp/dulich_duyet.png"  />
                  </div>
                 <div class="nd-spedulich">
                 <h2>Mon ngon dat viet</h2>
                  <div class="tgian1" >t325u298</div>
                 <span><i>50 000$ </i></span>
                 <div class="clear"></div>
                 </div>
            
             <div class="hover-duoi">
              <div class="nd-spls">
                 <div class="tomtatdl1">
                       <p class="tdng">chi voi <i>1.000.000d</i> ban co ngay mot chuyen du lich ha long ha noi ha noi ho long ban se co nhung gaiy phut tuyet voi</p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>
                       <p >+ 01 oto dieu hoa doi moi </p>                     
                  </div>
               </div>
                 
                 
             </div>
             <div class="hover-duoi1">
                 <p class="hover-duoi3"></p>
                 <p class="hover-duoi4"></p>
                 </div>   
             </div>
                
         <div class="clear"></div> 
    </div>  
    
    
   <div class="categoty-doc">
     <?php  include("modules/chitiet3.php");?> 
     </div>                            
    <div class="clear"></div> 
     <hr> 
     <div class="clear"></div> 
     <div class="pt">
     <ul>
              <li><a href="#"> 1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li><a href="#">6</a></li>
              <li><a href="#">7</a></li>
          </ul>
     </div> 
